<%--
  Created by IntelliJ IDEA.
  User: 61741
  Date: 2017/12/4
  Time: 23:06
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>代理商店铺</title>
    <meta charset="utf-8">
    <jsp:include page="../common/portal-head.jsp"></jsp:include>
    <link rel="stylesheet" type="text/css" href="${ctx}/resources/portal/css/shop.css">
    <link rel="stylesheet" type="text/css" href="${ctx}/resources/portal/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="${ctx}/resources/portal/css/checkbox.css">
    <link rel="stylesheet" type="text/css" href="${ctx}/resources/portal/css/shopslider.css">
    <link rel="stylesheet" type="text/css" href="${ctx}/resources/portal/css/agency_shop.css">
</head>
<body>
<div class="page-container">
    <jsp:include page="../portal/topmenu.jsp"></jsp:include>
    <jsp:include page="../portal/slider.jsp"></jsp:include>
    <div class="content-wrap">
        <div class="shop-info-wrap">
            <div class="shop-dsc-outline">
                <img class="shop-logo" src="${ctx}/resources/portal/img/banner/shop_logo.jpg">
                <div class="shop-dsc">
                    <h3>南极人</h3>
                    <p>成立于1997年，是国内最早成立的内衣企业之一，首创保暖内衣产品，开创了中国内衣行业发展的新道路</p>

                    <span><img src="${ctx}/resources/portal/img/shop_add.png">地址：广东省深圳市</span>
                    <span><img src="${ctx}/resources/portal/img/shop_phone.png">电话：95338</span>
                </div>
            </div>
            <div class="shop-slider">
                <div id=js class="slider-js">

                    <div class="slider-box">
                        <img onClick="location.href='http://www.jq22.com/'"  src="${ctx}/resources/portal/img/01.jpg">

                        <img onClick="location.href='http://www.jq22.com/'"  style="DISPLAY: none" src="${ctx}/resources/portal/img/02.jpg">

                        <img onClick="location.href='http://www.jq22.com/'" style="DISPLAY: none"  src="${ctx}/resources/portal/img/03.jpg">

                        <img onClick="location.href='http://www.jq22.com/'" style="DISPLAY: none"  src="${ctx}/resources/portal/img/04.jpg">

                        <img onClick="location.href='http://www.jq22.com/'" style="DISPLAY: none" src="${ctx}/resources/portal/img/05.jpg">

                    </div>

                    <div class="slider-bg"></div>

                    <div id=jsNav class=jsNav>

                        <a class="trigger imgSelected" href="javascript:void(0)">1</a>

                        <a class="trigger" href="javascript:void(0)">2</a>

                        <a class="trigger" href="javascript:void(0)">3</a>

                        <a class="trigger" href="javascript:void(0)">4</a>

                        <a class="trigger" href="javascript:void(0)">5</a>

                    </div>

                </div>

            </div>
            <div class="shop-info-list">
                <div class="shop-info-outline">
                    <div class="list-top">
                        <span><img src="${ctx}/resources/portal/img/shop_info.png">最新资讯</span>
                        <hr>
                    </div>
                    <img class="shop-info-pic" src="${ctx}/resources/portal/img/banner/shopinfo_pic.jpg">
                    <ul>
                        <li><a href="#">南极人内衣促销大会</a><span>10/20</span></li>
                        <li><a href="#">南极人内衣促销大会</a><span>10/20</span></li>
                        <li><a href="#">南极人内衣促销大会</a><span>10/20</span></li>
                        <li><a href="#">南极人内衣促销大会</a><span>10/20</span></li>
                    </ul>
                </div>
            </div>
        </div>
        <h2  class="guide-title"><strong style="font-weight: 700;">行业</strong>大牌</h2>
        <div class="logo-wrap">
            <div class="logo-item-outline">
                <div class="logo-item">
                    <div class="hover-shadow"></div>
                    <img class="logo-img" src="${ctx}/resources/portal/img/banner/logo-1.jpg" alt="商家logo">
                    <div class="check-button">
                        <a><strong style="font-weight: 700;">点击进入</strong></a>
                    </div>
                </div>
                <div class="logo-item">
                    <div class="hover-shadow"></div>
                    <img class="logo-img" src="${ctx}/resources/portal/img/banner/logo-2.jpg" alt="商家logo">
                    <div class="check-button">
                        <a><strong style="font-weight: 700;">点击进入</strong></a>
                    </div>
                </div>
                <div class="logo-item">
                    <div class="hover-shadow"></div>
                    <img class="logo-img" src="${ctx}/resources/portal/img/banner/logo-3.jpg" alt="商家logo">
                    <div class="check-button">
                        <a><strong style="font-weight: 700;">点击进入</strong></a>
                    </div>
                </div>
                <div class="logo-item">
                    <div class="hover-shadow"></div>
                    <img class="logo-img" src="${ctx}/resources/portal/img/banner/logo-1.jpg" alt="商家logo">
                    <div class="check-button">
                        <a><strong style="font-weight: 700;">点击进入</strong></a>
                    </div>
                </div>
                <div class="logo-item">
                    <div class="hover-shadow"></div>
                    <img class="logo-img" src="${ctx}/resources/portal/img/banner/logo-2.jpg" alt="商家logo">
                    <div class="check-button">
                        <a><strong style="font-weight: 700;">点击进入</strong></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="goods-wrap">
        <div class="goods-menu-wrap">
            <span>商品分类</span>
            <hr>
            <div class="all-good-menu">
                <div class="list">
                    <ul class="yiji">
                        <li><a class="first-menu">查看全部宝贝</a></li>
                        <li><a href="#" class="inactive">【秋冬爆款】</a>
                            <ul style="display: none">
                                <li><a href="#" class="third-menu">纯棉</a>
                                </li>
                                <li class="third-menu"><a href="#">涤纶</a></li>
                            </ul>
                        </li>
                        <li><a href="#" class="inactive">【加绒保暖】</a>
                            <ul style="display: none">
                                <li><a href="#" class="third-menu">纯棉</a></li>
                                <li><a href="#" class="third-menu">涤纶</a></li>
                                <li><a href="#" class="third-menu">莫代尔</a></li>
                                <li><a href="#" class="third-menu">蕾丝</a></li>
                            </ul>
                        </li>
                        <li><a href="#" class="inactive">【基础内衣】</a>
                            <ul style="display: none">
                                <li><a href="#" class="third-menu">纯棉</a></li>
                                <li><a href="#" class="third-menu">涤纶</a></li>
                                <li><a href="#" class="third-menu">莫代尔</a></li>
                                <li><a href="#" class="third-menu">蕾丝</a></li>
                            </ul>
                        </li>
                        <li><a href="#" class="inactive">【男士内裤】</a>
                            <ul style="display: none">
                                <li><a href="#" class="third-menu">纯棉</a></li>
                                <li><a href="#" class="third-menu">涤纶</a></li>
                                <li><a href="#" class="third-menu">莫代尔</a></li>
                                <li><a href="#" class="third-menu">蕾丝</a></li>
                            </ul>
                        </li>
                        <li><a href="#" class="inactive">【女式内裤】</a>
                            <ul style="display: none">
                                <li><a href="#" class="third-menu">纯棉</a></li>
                                <li><a href="#" class="third-menu">涤纶</a></li>
                                <li><a href="#" class="third-menu">莫代尔</a></li>
                                <li><a href="#" class="third-menu">蕾丝</a></li>
                            </ul>
                        </li>
                        <li><a href="#" class="inactive">【睡衣&家居服】</a>
                            <ul style="display: none">
                                <li><a href="#" class="third-menu">纯棉</a></li>
                                <li><a href="#" class="third-menu">涤纶</a></li>
                                <li><a href="#" class="third-menu">莫代尔</a></li>
                                <li><a href="#" class="third-menu">蕾丝</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="goods-list-wrap">
            <div class="search-box-wrap">
                <div class="search-box-input">
                    <select>
                        <option>深圳</option>
                    </select>
                    <input type="text" id="keyword" name="keyword" placeholder="请输入关键词检索资讯内容" />
                    <button class="serach-button">搜索</button>
                </div>
                <div class="brach-advise">
                    <span>内衣</span>
                    <a>三枪</a>
                    <a>阿玛尼</a>
                    <a>都市丽人</a>
                </div>
            </div>
            <div class="goods-filter-wrap">
                <div class="seller-filiter">
                    <span>综合</span>
                    <img src="${ctx}/resources/portal/img/num_up.png" class="num-up-pic">
                </div>
                <div class="seller-filiter">
                    <span>人气</span>
                    <img src="${ctx}/resources/portal/img/num_up.png" class="num-up-pic">
                </div>
                <div class="seller-filiter">
                    <span>新品</span>
                    <img src="${ctx}/resources/portal/img/num_up.png" class="num-up-pic">
                </div>
                <div class="seller-filiter">
                    <span>销量</span>
                    <img src="${ctx}/resources/portal/img/num_up.png" class="num-up-pic">
                </div>
                <div class="seller-filiter">
                    <span>价格</span>
                    <img src="${ctx}/resources/portal/img/num_up.png" class="num-up-pic">
                </div>
                <img class="menu-button" src="${ctx}/resources/portal/img/menu_button.png">
            </div>
            <div class="goods-info-list">
                <table>
                    <tr>
                        <th class="first-th"><div class="sale-goods-item">
                            <div class="goods-item-pic">
                                <img src="${ctx}/resources/portal/img/banner/goods-big.jpg">
                            </div>
                            <div class="goods-item-info">
                                <div class="goods-name">
	                	<span>古今薄款性感内衣古今薄款性感内衣古今薄款性感内衣
	                	</span>
                                </div>
                                <div class="goods-price">
                                    <span >￥99</span>
                                </div>
                                <div class="add-cart">
                                    <span class="add-shop-cart"><img src="${ctx}/resources/portal/img/add_cart.png">加入购物车</span>
                                </div>
                            </div>
                        </div></th>
                        <th><div class="sale-goods-item">
                            <div class="goods-item-pic">
                                <img src="${ctx}/resources/portal/img/banner/goods-big.jpg">
                            </div>
                            <div class="goods-item-info">
                                <div class="goods-name">
	                	<span>古今薄款性感内衣古今薄款性感内衣古今薄款性感内衣
	                	</span>
                                </div>
                                <div class="goods-price">
                                    <span >￥99</span>
                                </div>
                                <div class="add-cart">
                                    <span class="add-shop-cart"><img src="${ctx}/resources/portal/img/add_cart.png">加入购物车</span>
                                </div>
                            </div>
                        </div></th>
                        <th><div class="sale-goods-item">
                            <div class="goods-item-pic">
                                <img src="${ctx}/resources/portal/img/banner/goods-big.jpg">
                            </div>
                            <div class="goods-item-info">
                                <div class="goods-name">
	                	<span>古今薄款性感内衣古今薄款性感内衣古今薄款性感内衣
	                	</span>
                                </div>
                                <div class="goods-price">
                                    <span >￥99</span>
                                </div>
                                <div class="add-cart">
                                    <span class="add-shop-cart"><img src="${ctx}/resources/portal/img/add_cart.png">加入购物车</span>
                                </div>
                            </div>
                        </div></th>
                        <th><div class="sale-goods-item">
                            <div class="goods-item-pic">
                                <img src="${ctx}/resources/portal/img/banner/goods-big.jpg">
                            </div>
                            <div class="goods-item-info">
                                <div class="goods-name">
	                	<span>古今薄款性感内衣古今薄款性感内衣古今薄款性感内衣
	                	</span>
                                </div>
                                <div class="goods-price">
                                    <span >￥99</span>
                                </div>
                                <div class="add-cart">
                                    <span class="add-shop-cart"><img src="${ctx}/resources/portal/img/add_cart.png">加入购物车</span>
                                </div>
                            </div>
                        </div></th>
                    </tr>
                    <tr>
                        <th class="first-th"><div class="sale-goods-item">
                            <div class="goods-item-pic">
                                <img src="${ctx}/resources/portal/img/banner/goods-big.jpg">
                            </div>
                            <div class="goods-item-info">
                                <div class="goods-name">
		                	<span>古今薄款性感内衣古今薄款性感内衣古今薄款性感内衣
		                	</span>
                                </div>
                                <div class="goods-price">
                                    <span >￥99</span>
                                </div>
                                <div class="add-cart">
                                    <span class="add-shop-cart"><img src="${ctx}/resources/portal/img/add_cart.png">加入购物车</span>
                                </div>
                            </div>
                        </div></th>
                        <th><div class="sale-goods-item">
                            <div class="goods-item-pic">
                                <img src="${ctx}/resources/portal/img/banner/goods-big.jpg">
                            </div>
                            <div class="goods-item-info">
                                <div class="goods-name">
		                	<span>古今薄款性感内衣古今薄款性感内衣古今薄款性感内衣
		                	</span>
                                </div>
                                <div class="goods-price">
                                    <span >￥99</span>
                                </div>
                                <div class="add-cart">
                                    <span class="add-shop-cart"><img src="${ctx}/resources/portal/img/add_cart.png">加入购物车</span>
                                </div>
                            </div>
                        </div></th>
                        <th><div class="sale-goods-item">
                            <div class="goods-item-pic">
                                <img src="${ctx}/resources/portal/img/banner/goods-big.jpg">
                            </div>
                            <div class="goods-item-info">
                                <div class="goods-name">
		                	<span>古今薄款性感内衣古今薄款性感内衣古今薄款性感内衣
		                	</span>
                                </div>
                                <div class="goods-price">
                                    <span >￥99</span>
                                </div>
                                <div class="add-cart">
                                    <span class="add-shop-cart"><img src="${ctx}/resources/portal/img/add_cart.png">加入购物车</span>
                                </div>
                            </div>
                        </div></th>
                        <th><div class="sale-goods-item">
                            <div class="goods-item-pic">
                                <img src="${ctx}/resources/portal/img/banner/goods-big.jpg">
                            </div>
                            <div class="goods-item-info">
                                <div class="goods-name">
		                	<span>古今薄款性感内衣古今薄款性感内衣古今薄款性感内衣
		                	</span>
                                </div>
                                <div class="goods-price">
                                    <span >￥99</span>
                                </div>
                                <div class="add-cart">
                                    <span class="add-shop-cart"><img src="${ctx}/resources/portal/img/add_cart.png">加入购物车</span>
                                </div>
                            </div>
                        </div></th>
                    </tr>
                </table>
            </div>
        </div>
    </div>
</div>
</div>
<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="${ctx}/resources/portal/script/page.js"  type="text/javascript"></script>
<script type="text/javascript">
    $(function(){
        // 修正轮播图插件图片宽度自适应问题
        $(".slider-img").attr("style","width:"+$(".slider-img-ul li").length * 100 +"% !important;");
        $("ul.slider-img-ul li,ul.slider-img-ul>li>img").attr("style","width:"+$(".slider-wrap").width() + "px !important;height:auto;");
    })
    function changecheck(obj){
        var aa = document.getElementsByName("seller");
        for (var i = 0; i < aa.length; i++) {
            aa[i].checked = false;
        }
        obj.checked = true;
    }
    //分页
    $("#page").paging({
        pageNo:5,
        totalPage: 9,
        totalSize: 300,
        callback: function(num) {
            alert(num)
        }
    })
    /*收藏*/
    function collect(collectid){
        var celflag=document.getElementById(collectid).alt;
        alert(celflag);

        if(celflag==0){

            document.getElementById(collectid).src="${ctx}/resources/portal/img/after_collect.png";
            document.getElementById(collectid).alt="1";
        }
        else{
            document.getElementById(collectid).src="${ctx}/resources/portal/img/before_collect.png";
            document.getElementById(collectid).alt="0";
        }

    }
    /*商品目录导航*/
    $(document).ready(function() {
        $('.inactive').click(function(){
            if($(this).siblings('ul').css('display')=='none'){
                $(this).parent('li').siblings('li').removeClass('inactives');
                $(this).addClass('inactives');
                $(this).siblings('ul').slideDown(100).children('li');
                if($(this).parents('li').siblings('li').children('ul').css('display')=='block'){
                    $(this).parents('li').siblings('li').children('ul').parent('li').children('a').removeClass('inactives');
                    $(this).parents('li').siblings('li').children('ul').slideUp(100);

                }
            }else{
                //控制自身变成+号
                $(this).removeClass('inactives');
                //控制自身菜单下子菜单隐藏
                $(this).siblings('ul').slideUp(100);
                //控制自身子菜单变成+号
                $(this).siblings('ul').children('li').children('ul').parent('li').children('a').addClass('inactives');
                //控制自身菜单下子菜单隐藏
                $(this).siblings('ul').children('li').children('ul').slideUp(100);

                //控制同级菜单只保持一个是展开的（-号显示）
                $(this).siblings('ul').children('li').children('a').removeClass('inactives');
            }
        })
    });
</script>
<script src="${ctx}/resources/portal/script/xSlider.js"  type="text/javascript"></script>
<script src="${ctx}/resources/portal/script/shopslider.js"  type="text/javascript"></script>
</body>
</html>
